import VideoCard from "./VideoCard";
import { VideoItem } from "../types/video";

export default function VideoGrid({ videos, refreshVideos }: { videos: VideoItem[]; refreshVideos: () => void }) {
  return (
    <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
      {videos.map((v) => (
        <VideoCard key={v.id} video={v} refreshVideos={refreshVideos} />
      ))}
    </div>
  );
}


